<template>
  <div class="Footer">
    <div class="w">
      <ol class="slogan">
        <li class="item fore1"><i>多</i>品类齐全，轻松购物</li>
        <li class="item fore2"><i>快</i>多仓直发，极速配送</li>
        <li class="item fore3"><i>好</i>正品行货，精致服务</li>
        <li class="item fore4"><i>省</i>天天低价，畅选无忧</li>
      </ol>
      <div class="copyright_links">
        <p>
          <a href="#" target="_blank">关于我们</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">联系我们</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">联系客服</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">合作招商</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">商家帮助</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">营销中心</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">友情链接</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">销售联盟</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">风险监测</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">隐私政策</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">English Site</a>
          <span class="copyright_split">|</span>
          <a href="#" target="_blank">Media &amp; IR</a>
        </p>
        <p>
          <span class="copyright_split">|</span>
          <span>京ICP证070359号</span>
          <span class="copyright_split">|</span>
          <span>互联网药品信息服务资格证编号(京)-经营性-2014-0008</span>
          <span class="copyright_split">|</span>
          <span>新出发京零&nbsp;字第大120007号</span>
        </p>
        <p>
          <span>互联网出版许可证编号新出网证(京)字150号</span>
          <span class="copyright_split">|</span>
          <span>出版物经营许可证</span>
          <span class="copyright_split">|</span>
          <span>网络文化经营许可证京网文[2014]2148-348号</span>
          <span class="copyright_split">|</span>
          <span>违法和不良信息举报电话：4006561155</span>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #c81623;
}

li {
  list-style: none;
}
.w {
  width: 1200px;
  margin: 0 auto;
}

.Footer {
  background: #eaeaea;
  margin-top: 15px;
  overflow: hidden;
  padding-bottom: 18px;
  -webkit-font-smoothing: antialiased;
  background-color: rgb(248, 248, 248);
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB,
    "\5B8B\4F53", sans-serif;
  color: #666;
}
.slogan {
  position: relative;
  height: 100px;
  padding: 30px 0 30px 55px;
  overflow: hidden;
  padding-left: 45px;
  margin-right: -23px;
  border-bottom: 1px solid rgb(222, 222, 222);
  margin-bottom: 18px;
}
.slogan .item {
  float: left;
  position: relative;
  width: 292px;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  font-weight: 700;
  text-indent: 46px;
  color: #444;
}
.slogan .item i {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 42px;
  text-indent: -9999px;
  background-image: url("../assets/ico_service.jpg");
  background-repeat: no-repeat;
}
.slogan .fore1 i {
  background-position: 0px 0px;
}
.slogan .fore2 i {
  background-position: 0px -42px;
}
.slogan .fore3 i {
  background-position: 0px -86px;
}
.slogan .fore4 i {
  background-position: 0px -128px;
}
.copyright_links {
  text-align: center;
}
.copyright_links p a {
  font-size: 12px;
  color: #666;
  text-decoration: none;
}
.copyright_links p span {
  margin: 0 10px;
  font-size: 12px;
  color: #ccc;
}
i {
  font-style: normal;
}
</style>
